@import "theme.scss";
.bg-theme {
  background: $theme !important;
}
.color-theme {
  color: $theme !important;
}
.color-theme2 {
  color: $theme2 !important;
}
.color-gray {
  color: $color-gray;
}
.bg-gradient {
  background: $theme-gradient-color;
}
.bor-t {
  border-top: 1rpx solid $line-color;
}
.bor-b {
  border-bottom: 1rpx solid $line-color;
}
// 字体
.font-xs {
  font-size: $font-size-xs;
}
.font-sm {
  font-size: $font-size-sm;
}
.font-default {
  font-size: $font-size-default;
}
.font-lg {
  font-size: $font-size-lg;
}
// 边距
.padding-xs {
  padding: $margin-xs;
}
.padding-sm {
  padding: $margin-sm;
}
.padding-default {
  padding: $margin-default;
}
.padding-lg {
  padding: $margin-lg;
}
.margin-xs {
  margin: $margin-xs;
}
.margin-sm {
  margin: $margin-sm;
}
.margin-default {
  margin: $margin-default;
}
.margin-lg {
  margin: $margin-lg;
}

.padding-lr-xs {
  padding-left: $margin-xs;
  padding-right: $margin-xs;
}
.padding-lr-sm {
  padding-left: $margin-sm;
  padding-right: $margin-sm;
}
.padding-lr-default {
  padding-left: $margin-default;
  padding-right: $margin-default;
}
.padding-lr-lg {
  padding-left: $margin-lg;
  padding-right: $margin-lg;
}

.margin-lr-xs {
  margin-left: $margin-xs;
  margin-right: $margin-xs;
}
.margin-lr-sm {
  margin-left: $margin-sm;
  margin-right: $margin-sm;
}
.margin-lr-default {
  margin-left: $margin-default;
  margin-right: $margin-default;
}
.margin-lr-lg {
  margin-left: $margin-lg;
  margin-right: $margin-lg;
}
.btn-theme-bg {
  background: $theme !important;
}
.fixed-bottom-btn {
  position: fixed;
  bottom: 20rpx;
  width: 100%;
  max-width: $pc-width;
}
.fixed-bottom {
  position: fixed;
  bottom: 0;
  z-index: 99;
}
.page-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: content-box;
  background: rgb(255, 255, 255);
}
.footer-fixed-height {
  height: 164rpx;
}
.footer-placeholder-height {
  height: 200rpx;
  height: calc(200rpx + constant(safe-area-inset-bottom));
  height: calc(200rpx + env(safe-area-inset-bottom));
}
.bt16 {
  border-top: 16rpx solid $page-gray-color;
}
.bb16 {
  border-bottom: 16rpx solid $page-gray-color;
}
.select-border {
  border: 2rpx solid $theme2;
}
